<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/global.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<html>
<head>
    <title>社区</title>
    <link rel="stylesheet" href="${staticPath}/resources/css/reset.css">
    <link rel="stylesheet" href="${staticPath}/resources/css/bbs/common.css">
    <link rel="stylesheet" href="${staticPath}/resources/css/bbs/modules.css">
    <link rel="stylesheet" href="${staticPath}/resources/css/bbs/utils.css">

    <link rel="stylesheet" href="${staticPath}/resources/css/bbs/home.css">
    <link rel="stylesheet" type="text/css" href="${staticPath}/resources/css/bbs.css"/>
    <link rel="stylesheet" type="text/css" href="${staticPath}/resources/css/down.css">
    <link rel="stylesheet" type="text/css" href="${staticPath}/resources/css/bbs/slide.css"/>
    <%@include file="/common/com.jsp"%>
    <script src="${staticPath}/resources/js/unslider.min.js"></script>
    <script src="${staticPath}/resources/js/kxbdSuperMarquee.js"></script>
</head>
<body>

    <!-- 顶端top头开始-->
    <div class="top">
        <div>
            <ul>
                <c:if test="${sessionScope.user==null}" var="u">
                    <li class="top_regist"><a href="${path}/front/toregist">注册</a></li>
                    <li><a href="${staticPath}/front/tologin">登陆</a><span>|</span></li>
                </c:if>
                <c:if test="${!u}">
                    <li><a href="${path}/front/logout">退出</a><span>|</span></li>
                    <li class="top_regist"><a href="${path}/user/index">${sessionScope.user.username}</a></li>

                </c:if>
                <li><a href="#">帮助</a><span>|</span></li>
                <li><a href="#">贷款</a><span>|</span></li>
                <li><a href="#">理财</a><span>|</span></li>
                <li><a href="${path}/jizhang/index">记账</a><span>|</span></li>
           <%--     <li><a href="${path}/index"><img src="${staticPath}/resources/image/icon/home.png" />首页</a><span>|</span></li>--%>
            </ul>
        </div>



    </div>
    <!-- 顶端top头结束-->
    <!-- wrap 开始-->
    <div class="wrap" style="min-height: 50px; _height: 50px;">

        <!-- 头部导航区 -->
        <div class="nav">
            <div class="nav_left">
                <img src="${staticPath}/resources/image/logo.png" />
            </div>
            <div class="nav_right">
                <ul>
                    <li><a href="#" class="nav_sign">签到</a></li>
                    <li><a href="${path}/bbs/towritetopic" class="nav_send_msg">发帖</a></li>
                    <li><a href="#">论坛帮助</a></li>
                    <li id="nav_li_section" class="nav_li_section"><a href="#"
                                                                      class="nav_section">全部版块</a> <!--全部版块 下拉框div-->
                        <div id="draw_down" class="draw_down">

                            <div class="draw_contrain">

                                <c:forEach items="${allsection}" var="item">
                                    <div class="ctn_top">${item}</div>
                                    <div class="clearfix" style="margin-bottom: 25px;">
                                        <ul style="margin-left:-5px;">
                                            <c:forEach items="${subsection}" var="subitem">
                                                <c:if test="${subitem.sectionType==item}">
                                                    <li style="margin:2px 5px;float:left;text-align:left;">
                                                        <a href="${path}/bbs/opensection?sid=${subitem.id}">
                                                                ${subitem.sname}
                                                        </a>
                                                    </li>
                                                </c:if>
                                            </c:forEach>
                                        </ul>
                                    </div>
                                </c:forEach>

                            </div>


                        </div>
                        <div id="shadow_div" class="shadow_div"></div></li>
                    <li><a href="${path}/bbs/index">社区首页</a></li>
                </ul>
            </div>
        </div>
        <!-- 头部导航区结束 -->
    </div>    <!-- wrap 结束  -->

    <div id="append_parent"></div>
    <div id="ajaxwaitid"></div>
    <div class="l-main"></div>

    <div class="g-main">
        <div class="b-main">
            <div class="col-mb">
                <div class="m-focus" id="JfocusPic">
                    <div class="slide-wrap">

                        <!--  轮播开始 -->
                        <div class="banner" id="b04">

                            <ul>
                                <c:forEach  items="${bolist}" var="item">
                                    <li><a href="${path}/bbs/opentopic?id=${item.id}">
                                        <img src="${staticPath}/upload/bbs/${item.pic}" alt=""
                                             width="586" height="340">
                                    </a>
                                    </li>


                                </c:forEach>


                            </ul>

                            <a href="javascript:void(0);" class="unslider-arrow04 prev">
                                <img class="arrow" id="al" src="${staticPath}/resources/image/arrowl.png" alt="prev"
                                     width="20" height="35">
                            </a> <a href="javascript:void(0);" class="unslider-arrow04 next">
                            <img class="arrow" id="ar" src="${staticPath}/resources/image/arrowr.png" alt="next"
                                 width="20" height="37">
                        </a>

                        </div>
                        <!--  轮播结束 -->



                    </div>
                </div>
                <div class="m-oh">
                    <ul class="list-recommond-topic" id="JindexRecommondTopicList">


                        <c:forEach  items="${bolist}" var="item" varStatus="num">

                            <c:if test="${num.count==1}" var="flag">
                                <li class="item-first"><a href="${path}/bbs/opentopic?id=${item.id}" title="${item.title}"
                                                          data-tid="975194"></i>${item.title}</a></li>
                            </c:if>
                            <c:if test="${!flag}">
                            <li><a href="${path}/bbs/opentopic?id=${item.id}" title="${item.title}" data-tid="975230"><i
                                    class="before"></i>${item.title}</a></li>
                            </c:if>

                        </c:forEach>



                    </ul>
                </div>
                <div class="m-recommend m-box m-box-b">
                    <div class="m-hd">
                        <span class="mark">精品栏目</span>
                    </div>
                    <div class="m-bd">
                        <ul class="list-forum-b" id="JindexListForumB">


                            <c:forEach items="${hitlist}" var="item">
                                <li><a href="${path}/bbs/opentopic?id=${item.id}" data-tid="983846"> <span
                                        class="area-pic"><img
                                        src="${staticPath}/upload/bbs/${item.pic}" alt="" width="80"
                                        height="60"></span> <span class="area-txt"> <span class="des"
                                                                          title="${item.title}">${item.title}</span>
                                    </span>
                                </a></li>

                            </c:forEach>





                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-mb col-mb-forum">

            </div>
        </div>
        <div class="l-main">
            <div class="col-ab">
                <div class="m-box">
                    <div class="m-hd">
                        <span class="mark">热门推荐</span>
                    </div>
                    <div class="m-bd">
                        <ul class="list-recommond-topic-b" id="JlistRecommond">

                            <c:forEach items="${hotlist}" var="item">
                                <li><a href="${path}/bbs/opentopic?id=${item.id}" class="thumb" rel="nofollow"><img
                                        src="${staticPath}/upload/bbs/${item.pic}" alt="" rel="nofollow"
                                        width="80" height="80"></a>
                                    <div class="bfc">
                                        <a href="${path}/bbs/opentopic?id=${item.id}">
                                            <p class="title">${item.title}</p>
                                            <p class="summary">${fn:substring(item.content, 0, 85)}</p>
                                        </a>
                                        <p class="info">
                                             <span class="view" style="margin-left:0px;">浏览 ${item.clickCount}</span> <span class="reply"></span> <span class="time">${item.time}</span>
                                        </p>
                                    </div></li>
                            </c:forEach>

                        </ul>

                    </div>
                </div>
            </div>
            <div class="col-c">


            </div>
        </div>
    </div>    <!-- g-main  end   -->

    <!--copyright开始-->
    <div class="copyright clearfix" id="copyright">
        <div class="copyright_content">
            <ul>
                <li>关于
                    <ul>
                        <li>品牌故事</li>
                        <li>联系我们</li>
                        <li>加入我们</li>
                        <li>版权声明</li>
                    </ul>
                </li>
                <li>课程
                    <ul>
                        <li>PHP开发</li>
                        <li>前端开发</li>
                        <li>JAVA开发</li>
                        <li>Android开发</li>
                    </ul>
                </li>
                <li>关注
                    <ul>
                        <li>新浪微博</li>
                        <li>腾讯微博</li>
                        <li>企业微信</li>
                        <li>QQ空间</li>
                    </ul>
                </li>
                <li>留言
                    <ul>
                        <li>意见反馈</li>
                        <li>问题留言</li>
                        <li>媒体联络</li>
                        <li>在线客服</li>
                    </ul>
                </li>
                <li><img src="${staticPath}/resources/image/weixin.png" alt="微信关注" width="30"
                         height="27" />微信关注
                    <ul>
                        <li><img src="${staticPath}/resources/image/qrcode.jpg" alt="扫描关官方微信" width="102"
                                 height="102" /></li>
                    </ul></li>
            </ul>
        </div>
        <!--copyright_content结束-->
    </div>
    <!--copyright结束-->

    <!--  轮播   -->
    <script>
        $(document).ready(function(e) {

            var unslider04 = $('#b04').unslider({
                        dots : true
                    }),

                    data04 = unslider04.data('unslider');

            $('.unslider-arrow04').click(function() {

                var fn = this.className.split(' ')[1];

                data04[fn]();

            });

        });
    </script>

    <!-- 无缝滚动  -->
    <script type="text/javascript">
        $(function() {

            //Marquee

            $('#Jscrolling').kxbdSuperMarquee({

                isMarquee : true,

                isEqual : false,

                scrollDelay : 20,

                controlBtn : {
                    up : '#goUM',
                    down : '#goDM'
                },

                direction : 'up'

            });

        });
    </script>

</body>
</html>
